<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>小米官网</title>
		<style>
			.box{
				width: 100%;
				height: 35px;
				background-color: #414141;
			}
			.box1{
				width: 1300px;
				height: 100%;
				background-color: aliceblue;
				margin: auto;
			}
			.box2{
				width: 800px;
				height: 100%;
				background-color: aqua;
				float: left;
			}
			.box3{
				width: 300px;
				height: 100%;
				background-color: aqua;
				float: right;
			}
			.box-1{
				width: 1300px;
				height: 100px;
				background-color: antiquewhite;
				margin: auto;
				margin-bottom: 30px;
			}
			.box-1-2{
				width: 100px;
				height: 100%;
				background-color: aquamarine;
				float: left;
			}
			.box-1-4{
				width: 800px;
				height: 100%;
				background-color: aquamarine;
				margin: auto;
			}
			.box-1-3{
				width: 200px;
				height: 100%;
				background-color: aquamarine;
				float: right;
			}
			.box-2{
				width: 1300px;
				height: 480px;
				background-color: aliceblue;
				margin: auto;
				margin-bottom: 30px;
			}
			.box-2-1{
				width: 280px;
				height: 100%;
				background-color: antiquewhite;
				float: left;
			}
			.box-2-2{
				width: 1020px;
				height: 100%;
				background-color: aqua;
				float: right;
			}
			.box-3{
				width: 1300px;
				height: 150px;
				background-color: bisque;
				margin: auto;
			}
			.box-3-1{
				width: 280px;
				height: 100%;
				background-color: aliceblue;
				margin-right: 15px;
				float: left;
			}
			.box-3-2{
				width: 320px;
				height: 100%;
				background-color: aliceblue;
				margin-right: 15px;
				float: left;
			}
			.box-3-3{
				width: 320px;
				height: 100%;
				background-color: aliceblue;
				margin-right: 15px;
				float: left;
			}
			.box-3-4{
				width: 320px;
				height: 100%;
				background-color: aliceblue;
				margin-right: 15px;
				float: right;
			}
			.box-4{
				width: 93.33333333px;
				height: 75px;
				background-color: #414141;
				float: left;
			}
			.box-4-1{
				width: 93.33333333px;
				height: 75px;
				background-color: #55aa7f;
				float: right;
			}
			.box-4-2{
				width: 93.33333333px;
				height: 75px;
				background-color: aqua;
				margin: auto;
			}
			.box-4-3{
				width: 93.33333333px;
				height: 75px;
				background-color: #55ff7f;
				float: left;
			}
			.box-4-4{
				width: 93.33333333px;
				height: 75px;
				background-color: #550000;
				float: right;
			}
			.box-4-5{
				width: 93.33333333px;
				height: 75px;
				background-color: aquamarine;
				margin: auto;
			}
		</style>
	</head>
	<body>
		<div class="box">
			<div class="box1">
				<div class="box2"></div>
				<div class="box3"></div>
			</div>
		</div>
		<div class="box-1">
			<div class="box-1-2"></div>
			<div class="box-1-3"></div>
			<div class="box-1-4"></div>
		</div>
		<div class="box-2">
			<div class="box-2-1"></div>
			<div class="box-2-2"></div>
		</div>
		<div class="box-3">
			<div class="box-3-1">
				<div class="box-4"></div>
				<div class="box-4-1"></div>
				<div class="box-4-2"></div>
				<div class="box-4-3"></div>
				<div class="box-4-4"></div>
				<div class="box-4-5"></div>
			</div>
			<div class="box-3-2"></div>
			<div class="box-3-3"></div>
			<div class="box-3-4"></div>
		</div>
	</body>
</html>
